<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'考察'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "84">
    <div class="analyItem">
        <p class="analyItemTit tx-center">代表项目</p>
        <div class="analyItemCon">
            <p class="col-md-4">
                <span class="cLightGray pr8">面积</span>
                <span name="stage_info_represent_acreage">{{this.stageInfo.represent_acreage ? this.stageInfo.represent_acreage : ''}} 平米</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">类型</span>
                <span name="stage_info_represent_type">{{this.stageInfo.represent_type ? this.stageInfo.represent_type : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">造价</span>
                <span name="stage_info_represent_cost">{{this.stageInfo.represent_cost ? this.stageInfo.represent_cost : ''}} 万</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">地址</span>
                <span name="stage_info_represent_address">{{this.stageInfo.address ? this.stageInfo.address : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">实地考察</span>
                <span name="stage_info_represent_indeed">{{this.stageInfo.represent_indeed ? (this.stageInfo.represent_indeed === 0 ? '是' : '否') : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">代表项目</span>
                <rx-viewer :images="representAcreageList" class="fl ml10 mt20 pb20">
                    <div class="clearfix">

                        <div v-for="(item, index) of representAcreageList" :key="index" class="fl mr10 look_imgHover fl relative tx-center"  style="width:78px;height:78px;">
                            <img :src="item.url | smallImg(80, 80)" :alt="index">
                            <div class="upload_finish_div">
                                <div class="upload_finish_bg"></div>
                                <div class="upload_finish_linksm">
                                    <div class="dis-il-block">
                                        <a href="javascript:" class="ImgBtn enlarge_viewer enlarge_link" :data-src="item"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                 </rx-viewer>
            </p>
            <p></p>
        </div>
    </div>
    <div class="analyItem">
        <p class="analyItemTit tx-center">做过项目</p>
        <div class="analyItemCon">
            <p class="col-md-4">
                <span class="cLightGray pr8">面积</span>
                <span name="stage_info_make_acreage">{{this.stageInfo.make_acreage_start ? this.stageInfo.make_acreage_start : 0}}-{{this.stageInfo.make_acreage_end ? stageInfo.make_acreage_end : 0}} 平米</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">类型</span>
                <span name="stage_info_make_type">{{this.stageInfo.make_type ? this.stageInfo.make_type : ''}}</span>
            </p>
        </div>
    </div>
    <div class="analyItem">
        <p class="analyItemTit tx-center">公司考察</p>
        <div class="analyItemCon">
            <p class="col-md-4">
                <span class="cLightGray pr8">印象</span>
                <span name="stage_info_investigate_impression">{{this.stageInfo.investigate_impression ? this.stageInfo.investigate_impression : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">认可</span>
                <span name="stage_info_investigate_approval">{{this.stageInfo.investigate_approval ? (this.stageInfo.investigate_approval==0?'是':'否') : ''}}</span>
            </p>
        </div>
    </div>
    <div class="analyItem">
        <p class="analyItemTit tx-center">加盟意向</p>
        <div class="analyItemCon">
            <p class="col-md-4">
                <span class="cLightGray pr8">加盟费</span>
                <span name="stage_info_intention_cost">{{stageInfo.intention_cost ? (stageInfo.intention_cost==0?'是':'否') : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">提点</span>
                <span name="stage_info_intention_remind">{{stageInfo.intention_remind ? (stageInfo.intention_remind==0?'高':'低') : ''}}</span>
            </p>
            <p class="col-md-4">
                <span class="cLightGray pr8">期限</span>
                <span name="stage_info_intention_term">{{stageInfo.intention_term ? (stageInfo.intention_term==0?'是':'否') : ''}}</span>
            </p>
            <p class="col-md-12">
                <span class="cLightGray pr8">意见</span>
                <span name="stage_info_intention_opinion">{{stageInfo.intention_opinion ? stageInfo.intention_opinion : ''}}</span>
            </p>
        </div>
    </div>


</div>

            <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">

            </div>
        </div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { findPhotoByUid } from '../../Resources/Api'
export default {
    data () {
        return {
            stageInfo: {},
            representAcreageList: []
        }
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    created () {
        this.stageInfo = this.$route.query.stageInfo
        this.findPhotoByUid()
    },
    methods: {
        findPhotoByUid () {
            findPhotoByUid({
                uid: this.leftInfo.uid,
                attrModelid: 51 // 考察代表项目照片
            }).then(res => {
                if (res.data.StatusCode === 0) {
                    this.representAcreageList = res.data.Body
                }
            }).catch(err => {
                console.log(err)
            })
        }
    },
    route () {
    }
}
</script>

